<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>会动的方块</title>
		<style type="text/css">
			.box{
				width: 20px;
				height: 20px;
				background-color: pink;
				/* 相对于浏览器进行定位 */
				position: fixed;
				/* 距离浏览器左边的位置 */
				left: 0px;
				/* 距离浏览器上边的位置 */
				top: 0px;
			}
		</style>
	</head>
	<body>
		<div class="box" id="boxId"></div>
		<script type="text/javascript">
			var boxId = document.getElementById("boxId");//通过id寻找标签
			var left = 0;//创建一个变量名字叫left
			function moveLeft(){//moveLeft函数 函数的代码必须通过事件驱动
				left++;//自身加1
				boxId.style.left = left+"px";//修改标签样式
			}
			//0.1秒执行一次
			setInterval("moveLeft()",10);
		</script>
	</body>
</html>
